
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<script type="text/javascript" src="../../zxt/zxt.js"></script>
		<script>importZXT("../../zxt");</script>
	</head>
    
	<body>
		
		
		<div id="Symbol1" zxt="zxt.ui.Symbol" style="width:16px;height:16px;background-color:white" zxt.conf="Width:'16px',Height:'16px'">
						<div zxt.option="+" zxt.label="../images/plus.png"></div>  				
  						<div zxt.option="-" zxt.label="../images/minus.png"></div>
					</div>
			
		<table style="width:500px" >
			<tr>
				<td width=16>
					<div id="Sign1" zxt="zxt.ui.Sign" zxt.conf="Width:'16px',Height:'16px'" ></div>
				</td>
				<td width=400>
					<div id="Sum1" zxt="zxt.ui.Sum" zxt.Scale="11,2"></div>
				</td>				
			</tr>			
		</table>
		
		<br/>
		<div id="btn1" zxt="zxt.ui.Button" zxt.label="edit" zxt.text="取符号" zxt.mode="NORMAL"></div>
		<div id="btn2" zxt="zxt.ui.Button" zxt.label="edit" zxt.text="取值" zxt.mode="NORMAL"></div>
		
		<table>
			<tr>
				<td width="20%">getType()</td>
				<td width="50%">返回控件类型</td>
				<td><input type="button" name="getType" value="getType" 
					onclick="alert('符号控件的type为'+$zxtUI.Sign1.getType());"/></td>
			</tr>
			<tr>
				<td>changeImg()</td>
				<td>更换显示符号图片</td>
				<td><input type="button" name="changeImg" value="changeImg" 
					onclick="$zxtUI.Sign1.changeImg();alert('符号控件的图片已更换');"/></td>
			</tr>
			<tr>
				<td>current(v)</td>
				<td>如果参数未上送，则返回当前的显示符号图片的索引；否则，重新设置当前显示符号图片的索引</td>
				<td><input type="button" name="current" value="current" 
					onclick="alert('第二个符号控件的current为'+$zxtUI.Symbol1.current());"/></td>
			</tr>
		</table>
		
		<div><a href="../index.html">返回</a></div>
	</body>
</html>

<script type="text/javascript">

	$zxt.init();

	function onClick$btn1(){
		$zxtUI.Symbol1.renderValue("-");
		alert($zxtUI.Symbol1.getValue());
	};
	
	function onClick$btn2(){
		alert($zxtUI.Sum1.getValue());
	};


</script>
